Islands Architecture
Component Island Pattern
Katie Sylor-Millerが作った造語
例
Astro
Fresh
Marko
îles
https://iles.pages.dev/
https://github.com/ElMassimo/iles
Vueベース
is-land
https://is-land.11ty.dev/
参考
Islands Architecture - JASON Format
#WIP
読もうと思ったが途中でめちゃくちゃだるくなってきたので保留
https://jasonformat.com/islands-architecture/
https://www.patterns.dev/posts/islands-architecture/
https://gyazo.com/176b487c3d453be5f79ef6678d5cd573
白い箇所が静的なもの
色のついている部分が、JSが含まれる箇所
静的なものの海に浮かぶ、JSな島
ページの特定の部分だけをJSで記述する
例えばfooterみたいに静的な部分はJSは必要ない
静的な箇所はテンプレートエンジンと同じ感じ
全てをJS Componentで書くアーキテクチャと対象的
本当に必要な箇所だけJSを使おう、という感じ
https://leader22.github.io/slides/techfeed_experts_night-4/
https://zenn.dev/morinokami/articles/islands-architecture-with-astro#astro-と-islands-architecture